<script>
export default {
	globalData: {
		tabbarShow: true,
		windowHeight: 0
	},
	onLaunch() {
		let that = this;
		uni.getSystemInfo({
			success: function (res) {
				that.globalData.windowHeight = res.windowHeight + 'px';
			}
		});
	}
}
</script>

<style>
page {
	background-color: #f7f7f7;
}

/* 全局tabbar样式增强 */
uni-tabbar {
	background: rgba(255, 255, 255, 0.85) !important;
	backdrop-filter: blur(20px) !important;
	-webkit-backdrop-filter: blur(20px) !important;
	border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
	box-shadow: 0 -2px 20px rgba(0, 0, 0, 0.08) !important;
}

uni-tabbar .uni-tabbar {
	background: transparent !important;
}

/* tabbar项的增强效果 */
uni-tabbar .uni-tabbar-item {
	transition: all 0.3s ease !important;
}

uni-tabbar .uni-tabbar-item.uni-tabbar-item-active {
	transform: translateY(-2px) !important;
}

uni-tabbar .uni-tabbar-item .uni-tabbar-item-icon {
	transition: all 0.3s ease !important;
}

uni-tabbar .uni-tabbar-item.uni-tabbar-item-active .uni-tabbar-item-icon {
	transform: scale(1.1) !important;
}

uni-tabbar .uni-tabbar-item .uni-tabbar-item-text {
	font-weight: 500 !important;
	transition: all 0.3s ease !important;
}

uni-tabbar .uni-tabbar-item.uni-tabbar-item-active .uni-tabbar-item-text {
	font-weight: 600 !important;
	transform: scale(1.05) !important;
}
</style>
